<!DOCTYPE html>
<html>
<head th:include="include :: header"></head>
<body>
<body class="skin-blue hold-transition" style="background-color: #f4f6f8; font-size: 14px; font-family: 'Microsoft YaHei'">
<!-- Main Header -->
<div class="content pb0">
    <div class="row">
        <div class="col-sm-4 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-speedometer"></i>
                    <h3 class="box-title">CPU</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" style="cursor: pointer;">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-striped table-hover text-center">
                        <tbody><tr>
                            <th width="50%">属性</th>
                            <th width="50%">值</th>
                        </tr>
                        <tr>
                            <td>核心数</td>
                            <td class="rtInfo" data-key="cpu.cpuNum"></td>
                        </tr>
                        <tr>
                            <td>最大功率</td>
                            <td class="rtInfo" data-key="cpu.maxGhz"></td>
                        </tr>
                        <tr>
                            <td>实时频率</td>
                            <td class="rtInfo" data-key="cpu.currGhz"></td>
                        </tr>
                        <tr>
                            <td>使用率</td>
                            <td class="rtInfo" data-key="cpu.usedPerc"></td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
        </div>
        <div class="col-sm-4 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-fire"></i>
                    <h3 class="box-title">内存</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" style="cursor: pointer;">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-striped table-hover text-center">
                        <tbody><tr>
                            <th width="33%">属性</th>
                            <th width="33%">内存</th>
                            <th width="33%">JVM</th>
                        </tr>
                        <tr>
                            <td>总内存</td>
                            <td class="rtInfo" data-key="mem.total"></td>
                            <td class="rtInfo" data-key="jvm.total"></td>
                        </tr>
                        <tr>
                            <td>剩余内存</td>
                            <td class="rtInfo" data-key="mem.free"></td>
                            <td class="rtInfo" data-key="jvm.free"></td>
                        </tr>
                        <tr>
                            <td>已用内存</td>
                            <td class="rtInfo" data-key="mem.used"></td>
                            <td class="rtInfo" data-key="jvm.used"></td>
                        </tr>
                        <tr>
                            <td>使用率</td>
                            <td class="rtInfo" data-key="mem.usedPerc"></td>
                            <td class="rtInfo" data-key="jvm.usedPerc"></td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
        </div>
        <div class="col-sm-4 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-puzzle"></i>
                    <h3 class="box-title">堆/非堆</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" id="btnGC" title="执行垃圾回收任务">
                            <i class="fa fa-eraser"></i></button>
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" style="cursor: pointer;">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-striped table-hover text-center">
                        <tbody><tr>
                            <th width="33%">属性</th>
                            <th width="33%">堆</th>
                            <th width="33%">非堆</th>
                        </tr>
                        <tr>
                            <td>初始大小</td>
                            <td class="rtInfo" data-key="jvm.heapInit"></td>
                            <td class="rtInfo" data-key="jvm.nonHeapInit"></td>
                        </tr>
                        <tr>
                            <td>最大内存</td>
                            <td class="rtInfo" data-key="jvm.heapMax"></td>
                            <td class="rtInfo" data-key="jvm.nonHeapMax"></td>
                        </tr>
                        <tr>
                            <td>已用内存</td>
                            <td class="rtInfo" data-key="jvm.heapUsed"></td>
                            <td class="rtInfo" data-key="jvm.nonHeapUsed"></td>
                        </tr>
                        <tr>
                            <td>可用内存</td>
                            <td class="rtInfo" data-key="jvm.heapAvailable"></td>
                            <td class="rtInfo" data-key="jvm.nonHeapAvailable"></td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-screen-tablet"></i>
                    <h3 class="box-title">服务器信息</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" style="cursor: pointer;">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding table-responsive">
                    <table class="table table-striped table-hover">
                        <tbody><tr>
                            <td width="15%">服务器名称</td>
                            <td width="30%">WIN-3E3H6JHL0VD</td>
                            <td width="15%">操作系统</td>
                            <td>Windows Server 2008 R2, 版本 6.1</td>
                        </tr>
                        <tr>
                            <td>服务器IP</td>
                            <td>*** 演示模式，不展示数据 ***</td>
                            <td>系统架构</td>
                            <td>amd64</td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-cup"></i>
                    <h3 class="box-title">Java虚拟机信息</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" style="cursor: pointer;">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding table-responsive">
                    <table class="table table-striped table-hover">
                        <tbody><tr>
                            <td width="15%">Java名称</td>
                            <td width="30%">Java HotSpot(TM) 64-Bit Server VM</td>
                            <td width="15%">Java版本</td>
                            <td>1.8.0_121-b13 / 25.121-b13, 供应商 Oracle Corporation</td>
                        </tr>
                        <tr>
                            <td>启动时间</td>
                            <td>2018-10-25 10:34:02</td>
                            <td>运行时长</td>
                            <td>3时27分51秒</td>
                        </tr>
                        <tr>
                            <td>安装路径</td>
                            <td colspan="3">*** 演示模式，不展示数据 ***</td>
                        </tr>
                        <tr>
                            <td>启动参数</td>
                            <td colspan="3">
                                <p>*** 演示模式，不展示数据 ***</p>
                            </td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-eyeglass"></i>
                    <h3 class="box-title">平台参数</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" style="cursor: pointer;">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding table-responsive">
                    <table class="table table-striped table-hover">
                        <tbody><tr>
                            <td width="15%">当前工作路径</td>
                            <td>*** 演示模式，不展示数据 ***</td>
                        </tr>
                        <tr>
                            <td>日志存放路径</td>
                            <td>*** 演示模式，不展示数据 ***</td>
                        </tr>
                        <tr>
                            <td>上传文件路径</td>
                            <td>*** 演示模式，不展示数据 ***</td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-drawer"></i>
                    <h3 class="box-title">磁盘状态</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse" style="cursor: pointer;">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding table-responsive">
                    <table class="table table-striped table-hover text-center">
                        <tbody><tr>
                            <th>#</th>
                            <th>盘符路径</th>
                            <th>文件系统</th>
                            <th>盘符类型</th>
                            <th>总大小</th>
                            <th>可用大小</th>
                            <th>已用大小</th>
                            <th>已用百分比</th>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>C:\</td>
                            <td>NTFS</td>
                            <td>local</td>
                            <td>29.998GB</td>
                            <td>2.738GB</td>
                            <td>27.260GB</td>
                            <td>91%</td>
                        </tr>
                        </tbody></table>
                </div>
            </div>
        </div>
    </div>
</div>
<head th:include="include :: footer"></head>
</body>
</html>